<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/xiangQingYe.css">
    <link rel="shortcut icon" href="../favicon.ico">
</head>
    <body>

        <!-- 网页头部 -->
        <!-- <div class="head">
            <div class="w">
                <a href="#"><img src="./images/01.png" alt=""></a>
            </div>

        </div> -->
        <!-- /* 快速导航栏 */ -->
        <div class="shortcut">
            <div class="w">
                <!-- ul.fl+ul.fr -->

                <ul class="fl">
                    <li><a href="#">欢迎来到慧聪网</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#"><span class="f10">免费注册</span></a></li>
                </ul>
                

                <ul class="fr">
                    <li><a href="#">慧聪首页</a></li>
                    
                    <li><a href="#">我的慧聪</a><i class="iconfont icon-xiala"></i></li>
                    
                    <li><a href="#">产品服务</a><i class="iconfont icon-xiala"></i></li>
                    
                    <li><a href="#">客服中心</a><i class="iconfont icon-xiala"></i></li>
                    
                    <li><a href="#">网站导航</a><i class="iconfont icon-xiala"></i></li>
                    
                    <li><a href="#">掌上慧聪</a><i class="iconfont icon-xiala"></i></li>
                    
                </ul>

            </div>
        </div>


        <div class="middle">
            <div class="w1">
                <div> 
                    <h1>
                        <img src="../images/01.png" alt="" width="160" height="60">
                    </h1>     
                </div>
                <div>
                    <select name="" id="">
                        <option value="">全部品类</option>
                        <option value="">好吃的</option>
                        <option value="">不好吃的</option>
                     </select>
                </div>
                <div>
                    <input type="text" placeholder="请输入产品名称"><i class="iconfont icon-huabanfuben"></i>   
                    <button>搜全站</button>
                    <button>搜本店</button>
                </div>
        
                <div>
                    <a href="#">我的购物车</a>
                </div>

                <div>
                    
                    <a href="#">充电宝</a>
                    <a href="#">数据线</a>
                    <a href="#">手机壳</a>
                    <a href="#">手机支架</a>  
                    <a href="#">钢化膜</a>        
                </div>
        </div>

        <!-- 闪魔旗舰店 -->
        <div class="shanMo">
            <div class="w">
                <a href="#">
                    <img src="../images/xiangQingYe_img/images/01.jpg" alt="">
                </a>
            </div>
        </div>


        <!-- 中间导航栏1 -->
        <div class="daoHang_center">
            <div class="w">
                <!-- 中间导航栏左边 -->
                <ul>
                    <li class="li1"><a href="#">首页</a></li>
                    <li><a href="#">全部分类</a></li>
                    <li><a href="#">钢化膜</a></li>
                    <li><a href="#">手机壳-保护套</a></li>
                    <li><a href="#">充电配件</a></li>
                    <li><a href="#">车载配件</a></li>
                    <li><a href="#">其他配件</a></li>
                    <li><a href="#">平板配件</a></li>
                </ul>

                <!-- 中间导航栏右边 -->
                <div>
                    <input type="text" placeholder="钢化膜"><i class="iconfont icon-huabanfuben"></i>   
                    <button>搜索</button>
                    
                </div>
            </div>
        </div>

        <!-- 中间导航栏2 -->

        <div class="daoHang_center_2">
            <div class="w">
                <!-- 中间导航栏左边 -->

                <!-- >>>>  
 -->
                <ul>
                    <li><a href="#">手机通讯</a></li>
                    <li class="li_1"><span>></span></li>
                    <li><a href="#">手机配件</a></li>
                    <li class="li_1"><span>></span></li>
                    <li><a href="#">手机壳/保护套</a></li>
                    <li class="li_1"><span>></span></li>
                    <li><a href="#">闪魔(SmartDevil)</a></li>
                    <li class="li_1"><span>></span></li>
                    <li class="li_125">苹果13手机壳&nbsp;iPhone13 Pro Max气囊防摔透明保护套镜头全包硅胶软壳 苹果13【全透明】十米防摔^透出裸机</li>          
                </ul>

                <!-- 中间导航栏右边 -->
                <ul class="ul_2">
                    <li><a href="#" class="a_1"><img src="../images/xiangQingYe_img/images/02.png" alt=""></a></li>
                    <li><a href="#">闪魔旗舰店</a></li>
                    <li class="li_padding"><i></i><a href="#">关注店铺</a></li>
                </ul>
            </div>
        </div>

        <!-- _body -->
        <div class="_body">
            <div class="w">
                <div class="_body_left">
                    <!-- 放大镜盒子 -->
                    <div class="_body_left_top boxs">
                        <div class="boxs">
                            <div class="box1">
                                <img src="../images/xiangQingYe_img/images/06.jpg" alt="">
                                <div class="mark"></div>
                            </div>
                            <div class="box2">
                                <img src="../images/xiangQingYe_img/images/06.jpg" alt="">
                            </div>
                        </div>
                        <ul class="ul_1">
                            <li class="bd"><img src="../images/xiangQingYe_img/images/06.jpg" alt=""></li>
                            <li><img src="../images/xiangQingYe_img/images/07.jpg" alt=""></li>
                            <li><img src="../images/xiangQingYe_img/images/08.jpg" alt=""></li>
                            <li><img src="../images/xiangQingYe_img/images/09.jpg" alt=""></li>
                            <li><img src="../images/xiangQingYe_img/images/10.jpg" alt=""></li>
                        </ul>
                        
                    </div>
                    
                
                    <script src="../js/fangDaJing.js"></script>
                   

                    <div class="guanZhu">
                        <p><i></i><a href="">关注</a><i></i><a href="">对比</a><a href="" class="a_1">举报</a></p>
                    </div>
                    
                </div>
                

                    <!-- 中间的大盒子 -->
                <div class="_body_center">
                    <div>
                        <p> <img src="../images/xiangQingYe_img/images/06.png" alt=""> 闪魔(SmartDevil) 苹果13手机壳 iPhone13 Pro Max气囊防摔镜头全包透明壳 苹果13【全透明】十米防摔^透出裸机</p>
                    </div>
                    <div>
                        <p>【爆款推荐】孔位精准，气囊防摔，镜头全包！【京仓速发】快至当日/次日达!搭配买2件9.5折更实惠！【品质承诺】15天无理由退换，送1年质保售后服务！</p>
                    </div>
                    <div>
                        <p>京 东 价 ￥ <span>19.90</span> 降价通知 累计评价  10万+
                        </p>
                        <p>促　　销 多买优惠 满2件，总价打9.50折；满3件，总价打9折   详情>>
                        </p>
                    </div>
                    <!-- 配送至 -->
                    <div>
                        <div> 
                            <span>配 送 至</span>
                        </div>
                        <div>
                            <p>
                                <select name="" id="">
                                    <option value="">广东广州市白云区城区</option>
                                </select>
                                有货支持
                                可配送港澳台|7天价保|闪电退款|24H发货
                            </p>
                            <p>在线支付免运费</p>
                            <p>次日达|送货上门|
                                <select name="" id="">
                                <option value="">预约送货</option>
                                <option value="">部分收货</option>
                                <option value="">自提</option>
                                </select>
                            </p>
                            <p>
                                由 京东 发货, 闪魔旗舰店提供售后服务. 23:10前下单，预计明天(05月16日)送达
                            </p>
                                
                        </div>
                    </div>
                    <!-- 选择颜色 -->
                    <div>
                        <div>
                            <span>选择颜色</span>
                        </div>
                        <div>
                            <p>苹果13【全透明】十米防摔^透出裸机苹果13【全透明】十米防摔^透出裸机</p>
                            <p>苹果13Pro【全透明】十米防摔^透出裸机苹果13Pro【全透明】十米防摔^透出裸机</p>
                            <p>苹果13Promax【全透明】十米防摔^透出裸机苹果13Promax【全透明】十米防摔^透出裸机</p>
                            <p>苹果13mini【全透明】十米防摔^透出裸机苹果13mini【全透明】十米防摔^透出裸机</p>
                        </div>

                    </div>
                    <!-- 套装 -->
                    <div>
                        <div>
                            <span>套装</span>
                            <span>京东服务</span>
                            <span>白条分期</span>
                        </div>
                        <div>
                            <p>
                                <span>优惠套装1</span>
                                <span>优惠套装2</span>
                                <span>优惠套装3</span>
                                <span>优惠套装4</span>
                            </p>
                            <p>
                                <select name="" id="">
                                    <option value="">意外换新1年 ￥15.00 </option>
                                    <option value="">安卓换电池 ￥129.00</option>
                                </select>
                                <select name="" id="">
                                        <option value="">安卓换电池 ￥129.00 </option>
                                        <option value="">意外换新一年</option>
                                </select>        
                            </p>
                            <p>
                                <span>不分期</span>
                                <span>￥6.74 x 3期</span>
                                <span>￥3.40 x 6期</span>
                                <span>￥1.74 x 12期</span>
                                <span>￥0.91 x 24期</span>
                            </p>
                        </div>

                    </div>

                    <!-- 加入购物车 -->
                    <div>
                        <div>
                            <input type="text" value="1">
                            <button>+</button>
                            <button>-</button>
                        </div>
                        <div class="divdiv_1">
                            <a href="#" class="a_1">加入购物车</a>
                            <a href="./gouWuChe.html" class="a_2">立即购买</a>
                        </div>
                       
                    </div>
                   
                </div>
                <div class="_body_right">
                    <div>
                        <p>看了又看</p>
                    </div>
                    <ul>
                        <li>
                            <img src="../images/xiangQingYe_img/images/15.jpg" alt="">
                            <p><a href="#">闪魔 苹果12手机壳 iPhone12 Pro max气囊防摔软壳12mini全包透明保护套 苹果12【全透明】十米防摔^透出裸机闪魔 苹果12手机壳 iPhone</a></p>
                            <span>￥19.80</span>
                        </li>
                        <li>
                            <img src="../images/xiangQingYe_img/images/15.jpg" alt="">
                            <p><a href="#">闪魔 苹果12手机壳 iPhone12 Pro max气囊防摔软壳12mini全包透明保护套 苹果12【全透明】十米防摔^透出裸机闪魔 苹果12手机壳 iPhone</a></p>
                            <span>￥19.80</span>
                        </li>
                        <li>
                            <img src="../images/xiangQingYe_img/images/15.jpg" alt="">
                            <p><a href="#">闪魔 苹果12手机壳 iPhone12 Pro max气囊防摔软壳12mini全包透明保护套 苹果12【全透明】十米防摔^透出裸机闪魔 苹果12手机壳 iPhone</a></p>
                            <span>￥19.80</span>
                        </li>
                        <li>
                            <img src="../images/xiangQingYe_img/images/15.jpg" alt="">
                            <p><a href="#">闪魔 苹果12手机壳 iPhone12 Pro max气囊防摔软壳12mini全包透明保护套 苹果12【全透明】十米防摔^透出裸机闪魔 苹果12手机壳 iPhone</a></p>
                            <span>￥19.80</span>
                        </li>
                    </ul>
                    <ul>
                        <li class="lili liV"><a href="#">∧</a></li>
                        <li class="lili"><a href="#">∨</a></li>
                    </ul>
                </div>
                
            </div>
        </div>


        <script src="../js/ajax1.js"></script>
        <script src="../js/cookie.js"></script>
        <script src="../js/xiangQingYe.js"></script>
        
    </body>
</html>